.secure-source {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  background-color: var(--mask);
  .inner {
    width: 700px;
    padding: 8px;
    height: 460px;
    border-radius: 4px;
    background: linear-gradient(
      99deg,
      rgba(246, 208, 229, 0.21) 6%,
      rgba(248, 117, 187, 0.253) 98.42%
    );
  }
  .about-me {
    width: 200px;
    background-color: white;
    padding: 8px;
    border-radius: var(--radius);
    height: 100%;
    overflow-y: auto;
  }
  .source {
    background-color: white;
    padding: 8px;
    border-radius: var(--radius);
  }

  .link {
    a {
      color: #625ff5;
    }
    height: 36px;
    background-color: #f8f8f8;
    padding: 8px;
    border-radius: var(--radius);
    &:hover {
      background-color: #eee;
    }
  }
}
.gradient-text {
  font-size: 12px;
  background: linear-gradient(45deg, #ff00ff, #00ffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
}
.feedback-desc {
  background-color: #eee;
  padding: var(--padding);
  border-radius: var(--radius);
}
@media (max-width: 750px) {
.about-me {
  display: none;
}
}
